<!DOCTYPE html>
<html>
	<head>
	    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	    <title>2dy's blog</title>
	    <!-- 引入layui css文件 -->
	    <link rel="stylesheet" href="layui-v2.2.3/layui/css/layui.css">
	    <!-- 自定义 css -->
	    <link rel="stylesheet" href="css/index.css">
	</head>
	<body>
	<!-- Header -->
	<div class="header">
        <!-- 个性化标题 -->
        <div class="mytitle">
            <label>2dy's blog</label>
        </div>
        <!-- 导航栏 -->
        <div class="mymenu-content">
            <ul class="mymenu">
                <li><a href="index.html">home</a></li>
                <li><a href="blog.html">blog</a></li>
                <li><a href="about.html">about</a></li>
                <li><a href="contact.html">contact</a></li>
                <li><a href="movies.html">movies</a></li>
            </ul>
        </div>
    </div>
    <!-- 个性签名 -->
    <div class="my-sign">
        <!--  包含标志和签名 -->
        <div class="my-signImg">
            <img id="my-signImg" src="img/my-sign.jpg">
            <div class="my-signWord">
                <span class="my-signTitle" id="my-signTitle">一辈子，能坚持做好一件事就很伟大了</span>
                <span class="my-signBody" id="my-signBody">I' am waiting for you here.</span>
            </div>
        </div>
    </div>
    <!-- Content -->
    <div class="main-content" style="text-align: center;background-color: #FFFFFF;width: 85%;margin: auto;padding-top: 20px;">
    	<!-- 相册面板 -->
            <div class="blog-item" style="font-weight: 300;">
				<fieldset class="layui-elem-field" style="text-align: left;">
				  <legend>关于我</legend>
				  <div class="layui-field-box" style="padding: 20px 100px;">
	    			<div style="border: 1px solid #ede9e9;padding: 30px 30px;text-align: center;">
	    				<img style="width: 92%;" src="img\5e27bdb56f7416ee8d3ae355ffc957f.jpg" />
	    			</div>
	    			<div class="about-myself">
						<h2 style="font-weight: 300;margin: 20px 0px;">个人介绍</h2>
						<p style="margin: 20px;line-height: 30px;">本人男，就读于华中科技大学计算机科学与技术学院。一位小白码农，诸多爱好。虽文不能治国，武不能安邦，但确实是好人一枚。<br>笔耕不辍，记些鸡毛蒜皮，市井小事。</p>
						<p style="margin: 20px;line-height: 30px;">—Where is haha point?</p>
					</div>
					<div style="border: 1px solid #ede9e9;padding: 30px 30px;text-align: center;">
						<img style="width: 92%;" src="img\e5fd344d27998b59db2ef291a0400eb.jpg" />
	    			</div>
						<p style="margin: 20px 0px;line-height: 30px;">以此博客记录一下自己的学习心得亦或是人生趣事。<br>我会坚持更新希望帮助到更多人。<br>联系方式：QQ邮箱  1975793885@qq.com。<br>希望交到更多的朋友。</p>
				  </div>
				</fieldset>
    		</div>
    </div>
    <script src="layui-v2.2.3/layui/layui.js"></script>
    <!-- 引入jquery js -->
    <script src="js/jquery-3.2.1.min.js"></script>
    <!-- 自定义 js -->
    <script src="js/index.js"></script>
    <script>
        $(function () {
            //init
            component.init();
        });
    </script>
	</body>
</html>
